.button {
border: none;
}
- &.trough {
- background-color: darken($bg_color, 5%);
- &:backdrop {
- background-color: transparent;
- }
- }
+ &.trough { @extend .scrollbars-junction; }
&.slider {
border-radius: 20px;
border: 3px solid transparent; //margin :/
}
}
+.scrollbars-junction { // the small square between two scrollbars
+ background-color: darken($bg_color, 5%);
+ &:backdrop { background-color: transparent; }
+}
+
+
/**********
* Switch *
**********/
-GtkRange-trough-under-steppers: 1; }
.scrollbar .button {
border: none; }
- .scrollbar.trough {
- background-color: #2d3232; }
- .scrollbar.trough:backdrop {
- background-color: transparent; }
.scrollbar.slider {
border-radius: 20px;
border: 3px solid transparent;
.scrollbar.slider.fine-tune:prelight:active {
background-color: #215d9c; }
+.scrollbars-junction, .scrollbar.trough {
+ background-color: #2d3232; }
+ .scrollbars-junction:backdrop, .scrollbar.trough:backdrop {
+ background-color: transparent; }
+
/**********
* Switch *
**********/
-GtkRange-trough-under-steppers: 1; }
.scrollbar .button {
border: none; }
- .scrollbar.trough {
- background-color: #e0e0e0; }
- .scrollbar.trough:backdrop {
- background-color: transparent; }
.scrollbar.slider {
border-radius: 20px;
border: 3px solid transparent;
.scrollbar.slider.fine-tune:prelight:active {
background-color: #4a90d9; }
+.scrollbars-junction, .scrollbar.trough {
+ background-color: #e0e0e0; }
+ .scrollbars-junction:backdrop, .scrollbar.trough:backdrop {
+ background-color: transparent; }
+
/**********
* Switch *
**********/